<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片插入</title>
</head>
<body>
    <!-- src用来保存图片的路径 alt用来保存图片加载失败的替换文字信息-->
    <!-- 从当前html文件出发去找图片资源,注意要写完整的图片名！name.suffix
    1) 图片和html文件在同一级目录,直接写图片全名 1.png
    2) 图片在html文件的下一级目录,先写文件夹名,再写文件夹下的图片全名 img/1.png
    3) 图片在html文件的上一级目录,先../回到上级目录,再写图片全面 ../1.png
    -->
    <img src="11111.png" alt="哎呀,图片被外星人偷走了">
    <!-- 相对路径:会随着html文件的位置出发去找资源 -->
    <img src="1.png" alt="Java真神登场">
    <img src="img/2.png" alt="Linux神来咯">
    <img src="../3.png" alt="钱钱钱">
    <!-- 绝对路径:从盘符或协议开始  -->
    <img src="https://cdn.tmooc.cn/bsfile//courseImg///B9C2F95A282D4EAE9D2560EBB0F61207.png">
    <hr>
    <!-- width设置图片宽度 height设置图片高度
    设置尺寸时注意图片的失真问题,尽量改一个,另一个会根据图片宽高比来设置-->
    <img src="img/c罗.jpeg" width="500px" title="c罗登神" >
</body>
</html>